const { createApp, ref } = Vue

const app = createApp({
    setup() {
        const isCollapse = ref(false)
        const articles = ref([
            {
                id: 1,
                title: '这是一篇博客文章的标题',
                date: '2024年3月15日',
                category: '技术',
                image: './img/article-default.png',
                summary: '这是文章的摘要内容。在这里你可以展示文章的前几段内容，吸引读者点击阅读更多。文章可以包含图片、代码块等多种形式的内容。'
            },
            {
                id: 2,
                title: '另一篇有趣的博客文章',
                date: '2024年3月10日',
                category: '生活',
                summary: '这是另一篇文章的摘要内容。你可以在这里放置文章的简介，让读者对文章内容有初步的了解。'
            }
        ])

        const toggleSidebar = () => {
            isCollapse.value = !isCollapse.value
        }

        const userInfo = ref(
            {
                name: 'xbren',
                avatar: './img/avatar.jpg'
            }
        )

        return {
            isCollapse,
            articles,
            toggleSidebar,
            userInfo
        }
    }
})

app.use(ElementPlus)
app.mount('#app')